<template>
    <el-dialog v-model="visible" title="会议流程详情" @open="open">
        <el-row style="margin-bottom: 20px">
            <el-col :span="6">
                会议名称：{{processDetail.topic}}
            </el-col>
            <el-col :span="18">
                会议时间：{{processDetail.startTime}} - {{processDetail.endTime}}
            </el-col>
        </el-row>
        <el-table :data="processDetail.meetingSignInTasks">
            <el-table-column prop="empName" label="受理人姓名"/>
            <el-table-column label="是否处理">
                <template #default="s">
                    {{s.row.isHandle?'已处理':'未处理'}}
                </template>
            </el-table-column>
            <el-table-column prop="endTime" label="处理时间"/>
        </el-table>
    </el-dialog>
</template>

<script>
import {processInstanceDetail} from "../../../../network/adm/meeting";

export default {
    name: "MeetingApplyTaskDetail",
    data(){
        return{
            visible: false,
            processInstanceId: null,
            processDetail: {
                topic: null,
                startTime: null,
                endTime: null,
                meetingSignInTasks: []
            }
        }
    },
    methods:{
        loadProcessDetailData(){
            processInstanceDetail(this.processInstanceId).then(vo=>{
                this.$response.handle({
                    data: vo,
                    successFn: ()=>{
                        this.processDetail = vo.data;
                    },
                    log: '流程实例详情'
                })
            })
        },
        open(){
            this.loadProcessDetailData();
        }
    }
}
</script>

<style scoped>

</style>
